<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/avue.min.css"/>
    <title>摄像头管理</title>
</head>
<body>
<div id="app">
    <avue-crud :data="data"
               :option="option"
               v-model="form"
               @row-save="rowSave"
               @row-del="rowDel"
               @on-load="onLoad">
        <template slot="status" slot-scope="scope">
            <el-tag :type="scope.row.status==10?'success':'danger'">{{scope.row.status==10?'在线':'离线'}}</el-tag>
        </template>
        <template slot-scope="{type,size,row}" slot="menu">
            <el-button  icon="el-icon-connection" :size="size" :type="type" @click="connect(row)">连接</el-button>
        </template>
    </avue-crud>
</div>
<script src="/javascripts/vue.min.js"></script>
<script src="/javascripts/element-ui.min.js"></script>
<link rel="stylesheet" href="/css/index.css">
<script src="/javascripts/avue.min.js"></script>
<script src="/javascripts/axios.min.js"></script>
<script src="/javascripts/camera.js"></script>
</body>
</html>